page {
	background-color: white;
}
.tui-drawer-container {

}
.wodetail {
	padding-bottom: 40rpx;

	&-card {
		background-color: #ffffff;
		box-shadow: 0px 0px 8rpx 0px rgba(0, 0, 0, 0.2);
		border-radius: 4rpx;
		margin: 0 40rpx;
		margin-top: -85rpx;
		position: relative;
		z-index: 2;

		&__content1 {
			padding: 30rpx 20rpx;
			background-color: #fafafa;
		}
		&__content2 {
			padding: 30rpx 20rpx;
		}

		&__no {
			color: #404040;
			font-size: 20rpx;
			flex: 1;
			text-align: right;
		}
		&__divider {
			height: 1px;
			background-color: #cccccc;
			margin: 0 20rpx;
			transform: scaleY(0.5);
		}
		&__head {
			display: flex;
			flex-direction: row;
			align-items: center;
			height: 150rpx;
			padding: 0 20rpx;
		}
		&__body {
			padding: 30rpx 20rpx;
		}
		&__col {
			display: flex;
			flex-direction: column;
			width: 100%;
			padding-left: 16rpx;

			&-row {
				display: flex;
				flex-direction: row;
				align-items: center;
			}
			&-time {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				color: #3d85db;
				font-size: 20rpx;
				font-weight: 300;
				margin-top: 10rpx;
			}
		}
	}

	&-section {
		&__head {
			padding: 0 40rpx;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			height: 114rpx;
			view {
				color: #202020;
				font-size: 36rpx;
			}
			text {
				color: #808080;
				font-size: 24rpx;
			}
		}
	}
	&-footer {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 40rpx;
		justify-content: space-between;
		button {
			width: 32%;
		}
	}
	&__booktime {
		display: flex;
		flex-direction: row;
		align-items: center;
		button {
			padding: 0;
			width: 110rpx;
			height: 58rpx;
			background-color: #3d85db;
			border-radius: 4rpx;
			font-size: 20rpx;
			margin-left: 10rpx;
			position: relative;
		}
	}

	&__more {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 80rpx;
		background-color: white;
		border: 1px solid #cccccc;
		padding: 20rpx 0;
		opacity: 0;
		pointer-events: none;
		transition: opacity 500ms;
		&.show {
			opacity: 1;
			pointer-events: auto;
		}
		& > view {
			height: 60rpx;
			color: #333333;
			font-size: 24rpx;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
		}
	}
}

// 弹出窗css移动到组件中
// .mypopup{
//   width: 671rpx;
// 	background-color: #ffffff;
// 	box-shadow: 0px 0px 8rpx 0px
// 		rgba(0, 0, 0, 0.2);
//   border-radius: 8rpx;
//   padding: 20rpx;

//   &__head{
//     display: flex;
//     flex-direction: row;
//     align-items: center;
//     justify-content: center;
//     height: 70rpx;
//     image{
//       width: 44rpx;
//       height: 44rpx;
//       margin-right: 20rpx;
//     }
//     text{
//       color: #202020;
//       font-size: 36rpx;
//     }
//   }
//   &__body{
//     margin-top: 10rpx;
//   }
//   &__footer{
//     display: flex;
//     flex-direction: row;
//     justify-content: space-between;
//     padding-top: 10rpx;
//     button{
//       width: 48%;
//     }
//   }
// }
